@charset "utf-8";
/* CSS Document */

* {margin:0px; padding:0px; box-sizing:border-box;}
html{-webkit-text-size-adjust:none;}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
img {border: 0 none; vertical-align: top; }
ul, li {list-style-type: none; }
h1, h2, h3, h4, h5, h6 {}
body, input, select, button, textarea {font-family:Arial,SimSun; font-size:14px;}
button {cursor: pointer; }
i, em, cite { font-style: normal; }
body {color: #333; line-height: 150%; font-family:"微软雅黑"; background-size: 100%;}
body.game {overflow:hidden;}
a, a:link {color:#333; text-decoration: none; }
a:visited {}
a:active, a:hover {text-decoration: none;}
a:focus {outline: none;}
.clear {clear: both;}

input,button,select,textarea{outline:none; -webkit-appearance:none;}
textarea{resize:none}
input[type="button"] {background: #DF1523; border-radius: 6px; height: 43px; line-height: 43px; text-align: center; color: #fff; font-size: 16px; width: 100%; border: none;}
input[type="button"].cancel { border: 1px solid #DF1523; border-radius: 6px; background: #fff; color: #BDBDBD; }
input[type="file"] {position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; z-index: 99;}
input[type="radio"] { width: 14px; height: 14px; border: 1px solid #616161; border-radius: 100%; vertical-align: middle; margin-right: 10px; box-sizing: border-box; }
input[type="radio"]:checked { background: #616161; }
input[type="checkbox"] { display: inline-block; width: 15px; height: 15px; border: 1px solid #1E1E1E; border-radius: 100%; vertical-align: middle; box-sizing: border-box; }
input[type="checkbox"]:checked { background: #616161; }
textarea {width: 100%; height: 100px; padding: 10px; border: 1px solid #BDBDBD; border-radius: 4px; margin-top: 15px; font-size: 13px; color: #7E7E7E;}
label * {vertical-align: middle;}
h2 {font-size: 16px; color: #1E1E1E; margin-top: 15px; margin-bottom: 10px;}

.input_box {background: #FFFFFF; border: 1px solid #DF1523; border-radius: 6px; height: 43px; padding: 10px; margin-bottom: 5px; box-sizing: border-box;}
.input_box.select {background: #FFFFFF url(../images/arr_right.png) 95% center no-repeat; background-size: 15px;}
.input_box span {font-size: 14px; color: #616161; border-right: 1px solid #1E1E1E; display: inline-block; width: 28%;}
.input_box.store span { width: 37%; }
.input_box select {width: 65%; font-size: 14px; color: #BDBDBD; border: none;}
.input_box input[type="text"],.page .input_box input[type="password"] {width: 65%; padding-left: 5px; border:none;}
.input_box.store input[type="text"],.page .input_box.store input[type="password"] {width: 55%; padding-left: 5px; border:none;}

.pop_bg { background: #000; position: absolute; width: 100%; top: 0; left: 0; opacity: .7; z-index: 998; display: none; }
.pop_bg.order { opacity: .5; z-index: 98; }
.pop_box {background: #fff; width: 80%; left: 10%; top: 50%; margin-top: -50%; border-radius: 10px; position: fixed; z-index: 999; overflow: hidden; padding: 15% 10%; text-align: center; box-sizing: border-box; display: none;}
.pop_box.np {padding: 0;}
.pop_box.list { padding: 5% 3%; text-align: left; }
.pop_box#qrsh_box,.pop_box#qrsh_complete_box { margin-top: -70%; }
.pop_box p {margin-top: 10%;}
.pop_box.list p {margin-top: 0; font-size: 14px; color: #1E1E1E; line-height: 22px;}
.pop_box ul.pop_list { height: 300px; overflow: auto; }
.pop_box ul.pop_list li { padding: 5% 1%; float: left; width: 100%; position: relative; }
.pop_box ul.pop_list li .img_box { float: left; width: 60px; height: 60px; background: #D8D8D8; margin-right: 10px; }
.pop_box ul.pop_list li h1 { font-size: 14px; color: #1E1E1E; }
.pop_box ul.pop_list li p { font-size: 11px; color: #BDBDBD; position: absolute; bottom: 12%; left: 75px; width: 65%; box-sizing: border-box; }
.pop_box ul.pop_list li p span { position: absolute; right: 0; }
.pop_box .close_pop { position: absolute; bottom: -20%; margin-left: -18px; }
.pop_box#qrsh_box .close_pop,.pop_box#qrsh_complete_box .close_pop { bottom: -15%; }
.pop_box#qrsh_box .qr_box {position: absolute; width: 100%; top: 20%;}
.pop_box#qrsh_box .qr_box p { font-size: 13px; color: #1E1E1E; }
.pop_box#qrsh_box .qr_box span { font-size: 13px; color: #5BBD72; }
.pop_box#qrsh_box .qr_box .qr_img_box { display: inline-block; width: 135px; height: 135px; border: #DF1523 2px solid; margin-top: 20px; }
.pop_box ul.bottom_btn { position: absolute; bottom: 0; left: 0; width: 100%; border-top: 1px solid #919191; }
.pop_box ul.bottom_btn li {width: 50%; float: left; border-right: 1px solid #919191; text-align: center; height: 48px; line-height: 48px; font-size: 19px; color: #7A7A7A;}
.pop_box ul.bottom_btn li:last-child {border-right: none; color: #373737;}
.pop_box h1 { text-align: left; font-size: 14px; color: #616161; line-height: 23px; }
.pop_box textarea {border: 1px solid #DF1523;}

.page {padding-bottom: 50px; padding-top: 43px;}
.page.identity { background: url(../images/list_bg.jpg) no-repeat; background-size: 100%;  }
.page.order {background: #ECECEC;}
.page.pt0 {padding-top: 0px;}
.page.form {padding: 18px;}
.page .head_box {background: #1C1C20; height: 43px; padding: 9px 0; position: fixed; width: 100%; left: 0; top: 0; z-index: 97; box-sizing: border-box;}
.page .head_box span { font-size: 15px; color: #FFFFFF; margin-left: 12px; }
.page .head_box a {float: right; color: #fff; margin-right: 12px;}
.page .head_box a i {margin-right: 10px;}
.page .head_box .type_chose_box {margin: 0 20px;}
.page .head_box .type_chose_box.order {margin: 0;}
.page .head_box .type_chose_box ul li { font-size: 15px; color: #7E7E7E; width: 100px; height: 25px; line-height: 25px; text-align: center; float: left; }
.page .head_box .type_chose_box.order ul li {width: 20%;}
.page .head_box .type_chose_box.dealer ul li {width: 33%;}
.page .head_box .type_chose_box.shopper ul li {width: 40%; margin:0 5%;}
.page .head_box .type_chose_box ul li.onthis {background: #DF1523; border-radius: 100px; color: #fff;}
.page .head_box .type_chose_box #seach_btn { color: #FFFFFF; float: right; font-size: 20px; margin-top: 3px; }
.page .head_box .seach_box {display: none; margin: 0 15px; margin-top: -3px;}
.page .head_box .seach_box input[type="text"] {background: #373737; color: #fff; border-radius: 100px; width: 70%;}
.page .head_box .seach_box a {color: #fff; font-size: 15px; float: right; line-height: 30px; margin: 0 5px;}


.page .left_nav_box { float: left; width: 25%; background: #F6F6F6; overflow: auto;}
.page .left_nav_box ul li {height: 65px; line-height: 65px; font-size: 16px; color: #1E1E1E; text-align: center;}
.page .left_nav_box ul li.onthis { background: #FFFFFF; }
.right_product_box { float: left; background: #fff; width: 75%; overflow: auto; box-sizing: border-box; }
.right_product_box ul { padding: 12px; }
.right_product_box ul li { float: left; width: 100%;  border-bottom: 1px solid #DCDCDC; padding: 10px 0px; position: relative; }
.right_product_box ul li:last-child { border-bottom: none; }
.pro_img_box {background: #D8D8D8; float: left; width: 70px; height: 70px; margin-right: 10px;}
.right_product_box ul li h1 { font-size: 14px; color: #1E1E1E; padding-right: 65px; }
.right_product_box ul li span { font-size: 14px; color: #FB7A21; }
.right_product_box ul li p {font-size: 9px; color: #BDBDBD; line-height: 16px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden;}
.increase_box { position: absolute; top: 10px; right: 0; }
.increase_box.shopper { position: static; display: inline-block; }
.increase_box.shopper span { margin-right: 0 !important; }
.increase_box * {vertical-align:  middle;}
.increase_box i.jian,.increase_box i.plus { color: #DF1523; font-size: 23px; }
.increase_box i.plus { position: relative; z-index: 2; }
.increase_box .after_plus {display: inline-block; opacity: 0; right: 0; position: absolute; width: 50px;}
.increase_box .after_plus span {line-height: 25px; font-size: 15px; color: #1E1E1E; display: inline-block;}
.free_info_box {position: relative;}
.free_info_box * { vertical-align: middle; }
.free_info_box em {display: inline-block; font-size: 12px; background: #FB7A21; width: 15px; height: 15px; line-height: 15px; text-align: center; color: #FFFFFF;}
.right_product_box ul li .free_info_box span {font-size: 12px; color: #1E1E1E; margin-left: 5px;}
.free_info_box i {font-size: 10px; display: block; position: absolute; top: 2px; right: 10%;
	-webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;
}
.free_info_box i.open {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.free_info_detil {display: none;}
.free_info_detil p {font-size: 12px; color: #1E1E1E; padding-left: 24px; margin-bottom: 2px;}


.page .footer { height: 49px; background: #fff; box-shadow: 0 -2px 25px 0 rgba(214,214,214,0.50); position: fixed; bottom: 0; width: 100%; left: 0; z-index: 99; }
.page .footer ul li {width: 25%; float: left; padding: 5px 0; text-align: center; color: #BDBDBD;}
.page .footer.shopper ul li {width: 50%;}
.page .footer ul li i {font-size: 20px;}
.page .footer ul li span {display: block; font-size: 14px; color: #7E7E7E; margin-top: -4px;}
.page .footer ul li.onthis i { color: #DF1523; }
.page .footer ul li.onthis span {color: #7E7E7E;}
.page .footer label { margin-top: 10px; display: inline-block; margin-left: 15px; }
.page .footer label input { margin-right: 10px; }
.page .footer a { float: right; font-size: 14px; color: #4990E2; margin-right: 25px; margin-top: 15px; }
.page .order_total_box {position: fixed; bottom: 49px; height: 50px; background: #fff; width: 100%; border-top: 1px solid #BDBDBD; z-index: 99;}
.page .order_total_box .shopping_car_box {float: left; width: 20%; text-align: center; text-align: center; line-height: 50px; position: relative;}
.page .order_total_box .shopping_car_box i {font-size: 22px;}
.page .order_total_box .shopping_car_box em {background: #FB7A21; text-align: center; border-radius: 16px; color: #fff; width: 19px; height: 15px; line-height: 15px; display: inline-block; position: absolute; top: 5px;}
.page .order_total_box .total_price_box {margin-left: 5px; float: left; padding-top: 3px;}
.page .order_total_box .total_price_box strong {font-size: 14px; color: #1E1E1E;}
.page .order_total_box .total_price_box span {font-size: 9px; color: #7E7E7E; margin-left: 10px;}
.page .order_total_box .total_price_box p {font-size: 10px; color: #FB7A21;}
.page .order_total_box .balance_btn {font-size: 14px; color: #FFFFFF; background: #DF1523; border-radius: 4px; width: 100px; height: 33px; line-height: 33px; position: absolute; right: 15px; text-align: center; top: 8px;}
.page .order_shoppingcar_box { background: #fff; position: fixed; width: 100%; bottom: 99px; z-index: 99; display: none; margin-bottom: -100%; }
.page .order_shoppingcar_box p {text-align: right; padding: 15px; padding-bottom: 5px;}
.page .order_shoppingcar_box p a {font-size: 14px; color: #4990E2;}
.page .order_shoppingcar_box ul.shopping_order_list li { border-bottom: 1px solid #BDBDBD; position: relative; text-align: center; height: 50px; line-height: 50px; }
.page .order_shoppingcar_box ul.shopping_order_list li:last-child {border-bottom: none;}
.page .order_shoppingcar_box ul.shopping_order_list li h1 {font-size: 14px; color: #1E1E1E; position: absolute; left: 15px;}
.page .order_shoppingcar_box ul.shopping_order_list li span {font-size: 14px; color: #FB7A21;}
.page .order_shoppingcar_box ul.shopping_order_list li .increase_box {top: 0; right: 15px;}
.page .order_shoppingcar_box ul.shopping_order_list li .increase_box .after_plus span {font-size: 14px; color: #1E1E1E;}
.page .order_shoppingcar_box ul.shopping_order_list li .increase_box .after_plus {opacity: 1; right: 20px;}

.page .order_list_box { padding: 5px; }
ul.order_list li { background: #fff; margin-bottom: 10px; float: left; width: 100%; }
ul.order_list li .order_title { border-bottom: 1px solid #BDBDBD; padding: 10px 5px; float: left; width: 100%; }
ul.order_list li .order_title h1 {font-size: 14px; color: #1E1E1E; float: left;}
ul.order_list li .order_title span {font-size: 12px; color: #616161; float: right;}
ul.order_list li .order_content { padding: 12px 5px; float: left; width: 100%; }
ul.order_list li .order_content .order_img {width: 60px; height: 40px; background: #D8D8D8; float: left; margin-right: 5px;}
ul.order_list li .order_content .order_img:last-child { margin-right: 0; }
ul.order_list li .order_content .order_price {float: right; width: 35%; position: relative;}
ul.order_list li .order_content .order_price h1 {font-size: 16px; color: #1E1E1E;}
ul.order_list li .order_content .order_price p {font-size: 13px; color: #616161;}
ul.order_list li .order_content .order_price i { color: #FF8105; position: absolute; right: 5px; top: 10px; }
.page .non_order_box { text-align: center; padding: 20% 10%; }
.page .non_order_box p { font-size: 14px; color: #616161; padding-top: 15px; padding-bottom: 60px;  }
.page .order_detil_head { height: 45px; line-height: 45px; background: #fff; padding: 0 20px; position: relative; }
.page .order_detil_head h1 {font-size: 16px; color: #1E1E1E; position: relative; padding-left: 10px; font-weight: normal;}
.page .order_detil_head h1:before {content: ''; position: absolute; top: 17px; left: 0; display: inline-block; background: #FB7A21; width:3px; height: 13px; }
.page .order_detil_head span { position: absolute; right: 20px; top: 0; font-size: 18px; }
.page .order_detil_head span.stay {color: #D0011B; }
.page .order_detil_head span.receive {color: #5BBD72; }
.page .order_detil_head span.complete {color: #FB7A21; }
.page .order_detil_head span.closed {color: #1E1E1E; }
.page .order_detil_content { padding: 10px 7px; }
.page .order_detil_content .order_detil_infobox {padding: 10px 15px; background: #fff; margin-bottom: 10px; float: left; width: 100%; position: relative;}
.page .order_detil_content .order_detil_infobox strong {font-size: 18px; color: #1E1E1E; font-weight: normal;}
.page .order_detil_content .order_detil_infobox span {font-size: 13px; color: #616161; margin-left: 10px;}
.page .order_detil_content .order_detil_infobox p {font-size: 13px; color: #7E7E7E; margin-top: 10px; position: relative;}
.page .order_detil_content .order_detil_infobox p i { color: #FB7A21; margin-right: 12px; }
.page .order_detil_content .order_detil_infobox h1 {font-size: 18px; color: #1E1E1E; position: relative; padding-left: 15px; font-weight: normal;}
.page .order_detil_content .order_detil_infobox h1:before {content: ''; position: absolute; top: 3px; left: 0; display: inline-block; background: #FB7A21; width:3px; height: 15px; }
.page .order_detil_content .order_detil_infobox ul.order_detil_prolist li { padding: 10px 0; border-bottom: 1px solid #BDBDBD; width: 100%; box-sizing: border-box; position: relative; float: left; }
.page .order_detil_content .order_detil_infobox ul.order_detil_prolist li .pro_info_box strong {font-size: 14px; color: #1E1E1E;}
.page .order_detil_content .order_detil_infobox ul.order_detil_prolist li .pro_info_box span { float: right; font-size: 14px; color: #1E1E1E; }
.page .order_detil_content .order_detil_infobox ul.order_detil_prolist li .pro_info_box.bottom {position: absolute; bottom: 10px; width: 100%; box-sizing: border-box; padding-left: 80px;}
.page .order_detil_content .order_detil_infobox ul.order_detil_prolist li .pro_info_box em {font-size: 11px; color: #BDBDBD;}
.page .order_detil_content .order_detil_infobox ul.order_detil_prolist li .free_info_box {margin-bottom: 10px;}
.page .order_detil_content .order_detil_infobox ul.order_detil_prolist li .free_info_box span {font-size: 12px; color: #FB7A21;}
.page .order_detil_content .order_detil_infobox .pro_total_box { clear: both; padding-top: 5px; position: relative; }
.page .order_detil_content .order_detil_infobox .pro_total_box span {font-size: 13px; color: #1E1E1E; margin-left: 0; margin-right: 10px;}
.page .order_detil_content .order_detil_infobox .pro_total_box strong {position: absolute; right: 0; font-size: 14px; color: #FB7A21;}
.page .order_detil_content .order_detil_infobox .pro_total_box p { position: absolute; right: 0; top: 0; margin-top: 7px; }
.page .order_detil_content .order_detil_infobox .pro_total_box p span { color: #DF1523; margin-right: 0; }
.page .order_detil_infobox dl { border-bottom: 1px solid #BDBDBD; float: left; width: 100%; padding: 10px 0; }
.page .order_detil_infobox dl:last-child {border-bottom: none;}
.page .order_detil_infobox dl dt { float: left; font-size: 18px; color: #1E1E1E; margin-right: 31px; }
.page .order_detil_infobox dl dd { float: left; font-size: 13px; color: #7E7E7E; }
.page .order_detil_infobox .dealer_info_box {margin-top: 15px;}
.page .order_detil_infobox .dealer_info_box span { margin-left: 0; }
.page .order_detil_infobox .dealer_info_box p { margin-top: 0px; }
.page .bottom_btns { position: fixed; bottom: 0; left: 0; width: 100%; height: 49px; line-height: 49px; background: #DF1523; text-align: center; font-size: 14px; color: #fff; }
.page .bottom_btns ul li { float: left; width: 50%;}
.page .bottom_btns ul li:first-child {background: #fff; color: #DF1523;}
.page .bottom_btns.three ul li { width: 33%; }
.page .bottom_btns.three ul li:nth-child(2) { background: #F6F6F6; color: #DF1523;  }
.page .order_detil_infobox .evaluate_box { position: relative; padding-left: 10px; padding-top: 25px; margin-bottom: 10px; }
.page .order_detil_infobox .evaluate_box h1 { position: absolute; top: 0; left: 0; font-size: 16px;    padding-left: 10px; }
.page .order_detil_infobox .evaluate_box h1:before {top: 4px; width: 3px; height: 13px;}
.page .order_detil_infobox .evaluate_box dl { border-bottom: none; padding-bottom: 0; }
.page .order_detil_infobox .evaluate_box dl dt { font-size: 14px; width: 92px; margin-right: 0; }
.page .order_detil_infobox .evaluate_box dl dd input[type="checkbox"] { display: none; }
.page .order_detil_infobox .evaluate_box dl dd label { display: inline-block; width: 22px; height: 21px; margin-right: 10px; background: url('../images/star.png') no-repeat; background-size: 100%; }
.page .order_detil_infobox .evaluate_box dl dd label:last-child { margin-right: 0px; }
.page .order_detil_infobox .evaluate_box dl dd input[type="checkbox"]:checked+label {background: url('../images/star_on.png') no-repeat; background-size: 100%;}
.page .order_detil_infobox .dealer_info_box p {margin-bottom: 10px;}
.page .order_detil_infobox .dealer_info_box p label {position: relative; padding-left: 20px; box-sizing: border-box; display: block;}
.page .order_detil_infobox .dealer_info_box p label span {  display: block; }
.page .order_detil_infobox .dealer_info_box p label input {position: absolute; left: 0; top: 2px; }
.page .order_detil_infobox .dealer_info_box a {font-size: 13px; color: #DF1523;}
.page .order_detil_content .order_detil_infobox p a { position: absolute; right: -20px; font-size: 14px; color: #DF1523; }
.page .complete_box { text-align: center; padding: 20% 10%; }
.page .complete_box p {margin-top: 15px; font-size: 14px; color: #616161;}
.page .complete_box input {margin-top: 60px;}

.page .order_detil_infobox .input_box {border: 1px solid #D59B52;}
.page .order_detil_infobox .input_box input[type="text"] { width: 100%; }
.page .order_detil_infobox .all_chose_box { border-bottom: 1px solid #BDBDBD; padding: 15px 12px; }
.page .order_detil_infobox ul.order_list { padding: 0 12px; }
.page .order_detil_infobox ul.order_list li { border-bottom: 1px solid #BDBDBD; }
.page .order_detil_infobox ul.order_list li:last-child { border-bottom: none; margin-bottom: 0;}
.page .order_detil_infobox ul.order_list li .order_title {border-bottom: none; padding: 10px 0;}
.page .order_detil_infobox ul.order_list li h1 { padding-left: 0px; font-size: 14px; }
.page .order_detil_infobox ul.order_list li h1 input {margin-right: 10px;}
.page .order_detil_infobox ul.order_list li h1:before { display: none; }
.page .order_detil_infobox ul.order_list li .order_title span {float: none; display: block; padding-top: 21px; padding-left: 15px;}
.page .order_detil_infobox ul.order_list li .order_content {padding-top: 0;}
.page .order_detil_infobox ul.order_list li .order_content .order_price { margin-top: -3px; }
.page .order_detil_infobox ul.order_list li .order_content .order_price p {margin-top: 0;}
.page .order_detil_infobox ul.order_list li .order_content .order_img {width: 55px; height: 35px;}
.page .bottom_total_box {position: fixed; bottom: 0; width: 100%; height: 50px; line-height: 50px; background: #fff; padding: 0 12px;}
.page .bottom_total_box p {font-size: 14px; color: #1E1E1E; float: left;}
.page .bottom_total_box p:last-child {float: right;}
.page .bottom_total_box p span {color: #DF1523;}
.page .login_box { text-align: center; padding: 10%; }
.page .login_box .logo { padding-bottom: 40%; }
.page .login_box .input_box {text-align: left;}
.page .login_box .input_box input { width: 80%; }
.page .login_box .input_box:nth-child(2) {padding-left: 30px; position: relative;}
.page .login_box .input_box i { color: #DCDCDC; }
.page .login_box .input_box:nth-child(2) i {transform: rotate(62deg); -webkit-transform: rotate(62deg); -moz-transform: rotate(62deg); -ms-transform: rotate(62deg); -o-transform: rotate(62deg); display: block; position: absolute; left: 10px;}
.page .login_box p { text-align: left; padding: 10px 0; }
.page .login_box p * {vertical-align: middle;}
.page .login_box p span {font-size: 12px; color: #FB7A21; margin-left: 10px;}
.page .login_box p a {font-size: 12px; color: #616161;}
.page .login_box p a:last-child {float: right;}
.page .login_box .input_box.phone { padding-left: 10px; }
.page .login_box .input_box.phone span { width: 12%; font-weight: bold; }
.page .yzm_box .input_box { width: 65%; float: left; }
.page .yzm_box input[type="button"] {width: 33%; float: right;}
.page .order_detil_content .order_detil_infobox.sc { padding: 10px 0; }
.page .order_detil_content .order_detil_infobox.sc ul.order_detil_prolist li { padding: 10px 12px; }
.page .order_detil_content .order_detil_infobox.sc ul.order_detil_prolist li p { margin-top: 0; font-size: 11px; color: #BDBDBD; }
.page .order_detil_content .order_detil_infobox.sc ul.order_detil_prolist li .pro_checkbox_box { float: left; line-height: 70px; margin-right: 10px; position: relative; z-index: 2; }
.page .order_detil_content .order_detil_infobox.sc ul.order_detil_prolist li .pro_info_box span { font-size: 14px; color: #FB7A21; }
.page .order_detil_content .order_detil_infobox.sc ul.order_detil_prolist li .pro_info_box.bottom { position: relative; margin-top: 40px; }
.page .order_detil_content .order_detil_infobox.sc ul.order_detil_prolist li .pro_info_box.bottom .increase_box { top: 0; }
.page .order_detil_content .order_detil_infobox.sc ul.order_detil_prolist li .pro_info_box .increase_box .after_plus { width: 40px; }
.page .order_detil_content .order_detil_infobox.sc ul.order_detil_prolist li .pro_info_box .increase_box span { font-size: 14px; color: #1E1E1E; margin-left: 0px; }
.page .order_detil_content .order_detil_infobox.sc ul.order_detil_prolist li .free_info_box { margin-bottom: 0; margin-top: -5px; }
.page .order_detil_content .order_detil_infobox.sc ul.order_detil_prolist li .free_info_box em { color: #fff; }
.page .order_detil_content .order_detil_infobox.sc ul.order_detil_prolist li .free_info_box span { float: none; font-size: 9px; color: #1E1E1E;}
.page .order_detil_content .order_detil_infobox.sc ul.order_detil_prolist li .free_info_box i { right: 30%; }
.page .order_total_box label { margin-top: 10px; display: inline-block; margin-left: 15px; }
.page .order_total_box label input { margin-right: 10px; }
.page .order_total_box span.total_text { font-size: 14px; color: #1E1E1E; vertical-align: middle; margin-left: 20%; }
.page .order_detil_content .tips { font-size: 11px; color: #DF1523; line-height: 17px; padding: 0 15px; }
.page .bottom_dd { position: absolute; width: 100%; left: 0; bottom: 5%; }
.page .identity_box { background-color: #fff; box-shadow: 0 1px 17px 0 #950811; border-radius: 5px; height: 110px; padding: 23px 10px; box-sizing: border-box; margin: 0 10px; margin-bottom: 10px;}
.page .identity_box.ds { background-image: url(../images/dealer_shopper.png); background-repeat: no-repeat; background-size: 30%; background-position: 90% center; }
.page .identity_box.store { background-image: url(../images/store.png); background-repeat: no-repeat; background-size: 30%; background-position: 90% center; }
.page .identity_box h1 { font-size: 14px; color: #1E1E1E; padding-left: 10px; position: relative; }
.page .identity_box h1:before { content: ''; position: absolute; top: 5px; left: 0; display: inline-block; background: #FB7A21; width:3px; height: 12px; }
.page .identity_box p { padding-left: 10px; margin-top: 10px; font-size: 12px; color: #7E7E7E; }
.page .identity_box p i { color: #FF8105; font-size: 10px; }
.page .user_head_box { position: relative; }
.page .user_head_box .user_img_box { position: absolute; left: 21px; width: 65px; height: 65px; border: #DF1523 2px solid; background: #fff; border-radius: 100%; overflow: hidden; top: 50%; margin-top: -34px; }
.page .user_head_box h1 { position: absolute; font-size: 16px; color: #FFFFFF; left: 100px; top: 50%; margin-top: -10px; }
.page .user_btn_list { margin-top: 10px; background: #fff; }
.page .user_btn_list ul li { height: 50px; line-height: 50px; padding: 0 17px; border-bottom: 1px solid #DCDCDC; background: url(../images/arr_right_grey.png) 95% center no-repeat; background-size: 12px; }
.page .user_btn_list ul li:last-child { border-bottom: none; }
.page .user_btn_list ul li p {font-size: 15px; color: #616161;}
.page .user_btn_list ul li p i {margin-right: 10px;}
.page .order_detil_infobox dl.store_info { border-bottom: 1px solid #BDBDBD; padding: 10px 0; float: left; width: 100%; }
.page .order_detil_infobox dl.store_info:last-child {border-bottom: none;}
.page .order_detil_infobox dl.store_info dt { float: left; font-size: 16px; color: #1E1E1E; }
.page .order_detil_infobox dl.store_info dd { float: right; font-size: 13px; color: #616161; }
.page .order_detil_infobox dl.store_info dd i { color: #FF8105; font-size: 12px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); display: block; }
.page .order_detil_infobox dl.store_info dt .store_picture { width: 122px; height: 60px; margin-top: 10px; background: #ECECEC; border-radius: 3px; overflow: hidden; }
.page .upload_store_picture {margin-bottom: 5px;}
.page .upload_store_picture * { vertical-align: middle; }
.page .upload_store_picture .upload_picture_box { width: 122px; height: 60px; border: 1px solid #DF1523; border-radius: 3px; text-align: center; display: inline-block; position: relative;}
.page .upload_store_picture .upload_picture_box i {font-size: 22px; margin-top: 8px; display: inline-block;}
.page .upload_store_picture .upload_picture_box p {font-size: 12px; color: #BDBDBD;}
.page .upload_store_picture .store_picture { width: 122px; height: 60px; background: #ECECEC; border-radius: 3px; display: inline-block; overflow: hidden; }
.page .upload_store_picture a {font-size: 14px; color: #1E1E1E; vertical-align: bottom;}
.page .picture_tips { clear: both; font-size: 12px; color: #4990E2; margin-bottom: 5px; }
ul.order_list li .order_logistics_btns { border-top: 1px solid #BDBDBD; clear: both; padding: 15px 7px; }
ul.order_list li .order_logistics_btns a { display: inline-block; width: 90px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #DF1523; border-radius: 4px; font-size: 13px; color: #DF1523; margin-right: 10px; }
ul.order_list li .order_logistics_info { border-top: 1px solid #BDBDBD; clear: both; padding: 10px; position: relative; }
ul.order_list li .order_logistics_info h1 { font-size: 16px; color: #1E1E1E; }
ul.order_list li .order_logistics_info p {font-size: 13px; color: #616161; margin-top: 5px;}
ul.order_list li .order_logistics_info a { position: absolute; right: 25px; top: 50%; margin-top: -15px; }
.page .new_shopper_btn { height: 43px; line-height: 43px; background: #DF1523; text-align: center; font-size: 14px; color: #FFFFFF; }
.page .shopper_list_box { padding: 10px; }
.page .shopper_list_box h1 { font-size: 16px; color: #1E1E1E; margin-left: 10px; }
.page .shopper_list_box ul li { padding: 10px 5px; border-bottom: 1px solid #DCDCDC; }
.page .shopper_list_box ul li * {vertical-align: middle;}
.page .shopper_list_box ul li img { margin-right: 24px; }
.page .shopper_list_box ul li span {font-size: 16px; color: #1E1E1E;}
.page .shopper_detil_head { padding: 30px 0; text-align: center; box-shadow: 0 2px 35px 0 rgba(212,212,212,0.50); }
.page .shopper_detil_head h1 {font-size: 18px; color: #1E1E1E; margin-top: 15px;}
.page ul.shopper_detil_infolist li { padding: 15px; border-bottom: 1px solid #DCDCDC; }
.page ul.shopper_detil_infolist li span {font-size: 15px; color: #616161;}
.page ul.shopper_detil_infolist li a {float: right; font-size: 15px; color: #4990E2;}
.page .order_detil_content .order_detil_infobox a { position: absolute; right: 25px; top: 50%; margin-top: -15px; }
.page ul.dealer_order_list li { padding: 15px; padding-left: 34px; border-bottom: 1px solid #F0F0F0; position: relative; }
.page ul.dealer_order_list li.unread:before { content: ''; position: absolute; top: 20px; left: 15px; width: 9px; height: 9px; background: #DF1523; border-radius: 100%; }
.page ul.dealer_order_list li h1 { font-size: 16px; color: #1E1E1E; }
.page ul.dealer_order_list li h1 span { font-size: 12px; color: #7E7E7E; float: right; }
.page ul.dealer_order_list li p { font-size: 12px; color: #FB7A21; margin-top: 10px; }
ul.order_list li .order_logistics_btns.shopper { float: left; width: 100%; }
ul.order_list li .order_logistics_btns.shopper h1 { padding-left: 22px; font-size: 14px; color: #1E1E1E; position: relative; }
ul.order_list li .order_logistics_btns.shopper h1:before {content: ''; position: absolute; top: 7px; left: 5px; width: 9px; height: 9px; background: #DF1523; border-radius: 100%;}
ul.order_list li .order_logistics_btns.shopper p {font-size: 12px; color: #616161; padding-left: 22px; margin-bottom: 15px;}
ul.order_list li .order_logistics_btns.shopper p:last-child {margin-bottom: 0;}



